// import { useState } from 'react';
import { LoginForm } from './components/LoginForm';
import { Modal, Card } from 'antd';

const Login: React.FC = () => {
  // const [modalOpen, setModalOpen] = useState(true);
  return (
    <div className="h-screen w-full bg-[url('https://hire-sphere.oss-cn-shenzhen.aliyuncs.com/image/bg.png')] bg-cover bg-no-repeat">
      <section className="absolute bottom-1/2 right-[50%] translate-x-1/2 translate-y-1/2 md:right-10 md:translate-x-0">
        <LoginForm />
      </section>
      <Modal
        open={false}
        modalRender={() => <Card style={{ height: 300 }}>空的</Card>}
      ></Modal>
    </div>
  );
};

export default Login;
